<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>聚众-微信广告平台</title>
    	<link rel="stylesheet" href="css/base.css"/>
    	<link rel="stylesheet" href="css/mediaDetails.css"/>
    	<link rel="stylesheet" href="css/base_head_foot.css">
   		<link rel="shortcut icon" href="images/ico1 (1).ico"/>
   		<script src='js/jquery-1.7.1.min.js'></script>
   		<script src='js/mediaDetails.js'></script>

   		<!-- 弹出层 -->
   		<link rel="stylesheet" href="css/reveal.css">
   		<link rel="stylesheet" href="css/feedback.css">
		<script type="text/javascript" src="js/jquery.reveal.js"></script>
    </head>
    <body>
    	<!-- 最外层 -->
    	<div class="container">

    		<!-- header部分开始 -->
    		<div class="header">
    			<div class="site-nav w clearfix ">
    				<ul class="pull-left fl">
    					<li><a href="homePage.html">首页</a></li>
    					<li><a href="billboard.html">榜单</a></li>
    					<li><a href="selection.html">聚众精选</a></li>
    					<li><a href="promotion.html">定制推广</a></li>
    					<li><a href="aboutUs.html">关于我们</a></li>
    				</ul>
    				<span>
    					广告主客服： <span class="phone">010-61268888</span>
    					渠道主客服： <span class="phone">010-61285588</span>
    				</span>
    				<span></span>
    				
    				<!-- *********************登录前后************************* -->

    				<!-- 登录之前 -->
    				<ul class="pull-right fr" id="beforeLogin" style="display: none">
    					<li><a href="login_ad.html">登录</a></li>
    					<li><a href="regist_ad.html">注册</a></li>
					</ul>


    				<!-- ***登陆之后的变化为用户名和退出*** -->
    				<ul class="pull-right fr" id="afterLogin" style="display: block">
    					<li>小王子123</li>
    					<li><a href="#">退出</a></li>
    				</ul>

    				<!-- *********************登录前后*************************** -->

    			</div>
    		</div>
    		<!-- header部分结束 -->

			<!-- nav部分开始 -->
			<div class="nav  w clearfix">
				<div class="select w">
					<div class="logo fl">
						<a href="homePage.html"><img src="images/logo.png" alt="威信"></a>
					</div>
					<div class="search fl">
						<div class="input fl">
							<input type="text" placeholder="搜索你感兴趣的"><button>搜索</button>
						</div>
						<div class="hot fl clearfix">
							<span>大家都在搜: </span>
							<ul>
								<li><a href="#">小道八卦</a></li>
								<li><a href="#">背包旅行摄影</a></li>
								<li><a href="#">Feekr旅行</a></li>
								<li><a href="#">私密日记</a></li>
							</ul>
						</div>
					</div>
					<div class="ad fr">
						<!-- *************************************************************** -->
						
						<!-- 广告主登录之前 -->
						<div class="ad_before fr" style="display: none" >
							<a href="login_ad.html"><button><span>我要</span>投广告</button></a>
							<a href="login_ad.html"><button><span>我要</span>接广告</button></a>
						</div>
	
						<!-- 广告主登录之后 -->
						<div class="ad_after fr" >
							<button><span><a id="adCenter"  href="adCen.html">我的广告主中心</a></span></button>
						</div>
						
					</div>
				</div>
			</div>
			<!-- nav部分结束 -->


			<!-- 右侧的跟随按键 -->
			<div class="right" id="right">
				<div class="favourite" id="favourite" style="display: block">
					<a href="favourite.html">
						<img src="images/favourite.png" alt="收藏夹">
						<span>收藏夹</span>
					</a>
					<div class="number" id="favouriteNumber">4</div>
				</div>
				<div class="feedback">
					<a href="#" class="big-link" data-reveal-id="feedbackDetails">
						<img src="images/feedback.png" alt="反馈">
						<span>提交反馈</span>
					</a>
				</div>
				<div class="toTop" id="toTop">
						<img src="images/toTop.png" alt="返回顶部">
						<span>  回顶部</span>
				</div>
			</div>
			<!-- 右侧的跟随按键 -->
			


			<!-- 媒体详细开始 -->
			<div class="billboard w clearfix">
					<!-- 标题 -->
					<div class="title_all clearfix w">
						<div class="line"></div>
						<span>媒体详细</span>
					</div>
					<div class="content">
						<div class="content_top">
							<div class="content_top_left fl">
								<img src="images/media.png" alt="">
							</div>
							<div class="content_top_middle fl">
								<!-- 信息 -->
								<div class="top">
									<div class="message fl">
										<div class="name">秘密日记</div>
										<div class="wechat">微信号：mimiriji<img src="images/二维码.png" alt=""></div>
									</div>
									<div class="join fl joinFavourite" pid='111'><a href="javascript:;">加入收藏夹</a></div>
									<div class="lists fr"><a href="promotion.html">立即下单</a></div>
								</div>
								<!-- 简介 -->
								<div class="brief">简介: 不一样的梦想,不一样的旅行,不一样的人生. 我们梦想中的旅行或许不一样,但是我们都热爱生活.(每天为大家奉献旅游指南、世界风光、旅游见闻等)</div>
							</div>
							<div class="content_top_right fl">
								<div class="title">分类</div>
								<div class="category">旅游美食</div>
								<div class="title">标签</div>
								<div class="sign"><span>旅游攻略</span></div>
							</div>
						</div>
						<div class="content_bottom">
							<div class="content_bottom_header">
								<ul>
									<li></li>
									<li>单图文</li>
									<li>多图文第一条</li>
									<li>多图文第二条</li>
									<li>多图文第三条</li>
								</ul>
							</div>
							<div class="content_bottom_body">
								<ul>
									<li><span>参考价(元)硬广/软广</span></li>
									<li>暂无价格 / 暂无价格</li>
									<li>5000/5000</li>
									<li>2000/2000</li>
									<li>2000/2000</li>
								</ul>
							</div>
						</div>
					</div>
					
			</div>
			<!-- 媒体详细结束 -->


			<!-- 热门推荐账号开始 -->
			<div class="hotRecommend w clearfix">
				<!-- 标题 -->
				<div class="title_all clearfix w">
					<div class="line"></div>
					<span>热门推荐账号</span>
				</div>
				<div class="hotRecommend_content">
					<ul>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
						<li>
							<div class="content_top">
								<div class="top_left">
									<div class="img fl"><img src="images/media.png" alt=""></div>
									<div class="middle fl">
										<div class="name">秘密日记</div>
										<div class="category">旅行美食</div>
									</div>
								</div>
								<div class="top_right fr">
									<a href="promotion.html">我也要投</a>
								</div>
							</div>
							<div class="content_bottom">
								<div class="bottom_left fl">
									<img src="images/wxbig.png" alt=""><span>微信</span>
								</div>
								<div class="bottom_middle fl">
									<div class="number">911111</div>
									<div class="name">粉丝数</div>
								</div>
								<div class="bottom_right fl">
									<div class="status">正在更新</div>
									<div class="name">影响力</div>
								</div>
							</div>
						</li>
					</ul>
				</div>

			</div>
			<!-- 热门推荐账号结束 -->

			<!-- 反馈弹出框	 -->
			<div class="feedbackDetails reveal-modal" id="feedbackDetails">
				<a class="close close-reveal-modal">&#215;</a>

    			<div class="feed_tittle">提交反馈</div>
    			<div class="feed_content">
    				<ul>
    					<li>
    						<span>建议类型</span>
    						<input type="text" placeholder="意见或建议">
    					</li>
    					<div class="content">
    						<span>建议内容</span>
    						<textarea cols="30" rows="10"  placeholder="300字以内"></textarea>
    					</div>
    					<li>
    						<span>您的称呼</span>
    						<input type="text" placeholder="请输入您的姓名">
    					</li>
    					<li>
    						<span>联系方式</span>
    						<input type="text" placeholder="请输入您的手机号">
    					</li>
    					<li>
    						<span>微信号</span>
    						<input type="text" placeholder="请输入您的微信号">
    					</li>
    					<li>
    						<span>QQ号</span>
    						<input type="text" placeholder="请输入您的QQ号">
    					</li>
    				</ul>
    				<div class="operate">
    					<div class="confirm fl">确认</div>
    					<div class="cancel fl">返回</div>
    				</div>
    			</div>
    		</div>
    		<!-- 反馈弹出框	 -->


			<!-- footer部分开始 -->
			<div class="footer w">
				<div class="aboutus w">
					<ul>
						<li><a href="aboutUs.html">关于我们</a></li>
						<li class="line"></li>
						<li><a href="aboutUs.html">帮助中心</a></li>
						<li class="line"></li>
						<li>广告主客服 : 010-61268888</li>
						<li>渠道客服 : 010-61285588</li>
					</ul>
				</div>
				<div class="copyright w">
					<span>Copyright © 甲子营有限公司版权所有 北ICP备15018834号-1</span>
				</div>
			</div>
			<!-- footer部分结束 -->

    	</div>
    </body>
</html>